    /**
     * 图片懒加载
     * @param  lazyload
    */
    function lazyload() 
{
    // 1.每次获取最新的 可见视口 + 滚动的高度
    var temp1 = window.innerHeight || document.documentElement.clientHeight  // 兼容ie
    var temp2 = document.body.scrollTop || document.documentElement.scrollTop // 兼容doctype
    var maxShowHeight = temp1 + temp2
    // 2.获取所有图片
    var imgs = document.querySelectorAll('img')
    // 3.遍历
    imgs.forEach(function(item, index) { // item就是每一个图片标签对象
        // 4.判断：当前图片的.offsetTop < 步骤1（可见视口 + 滚动的高度）
        // 不成立-不管
        // 成立-修改图片的src地址 改成真是的  

        if (item.offsetTop < maxShowHeight)
        {
            // item.src = item.src-real  切记非标签默认属性 不能直接点
            item.src = item.getAttribute('src-real')
        }
    })
}
// 首次加载调用
lazyload() 
// 后续滚动加载调用
window.onscroll = lazyload